﻿@using RuoVea.ExConfig
@{
    var host = Appsettings.app("BaseFile:HostUrl");
    Layout = "";
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>横道图 - 专注网站开发与技巧,关注用户体验</title>
    <link rel="stylesheet" href="@host/res/layui/css/layui.css">
    <link rel="stylesheet" href="@host/static/css/index.css"><style>.layui-carousel { top: 85px;}.nav .layui-nav .layui-nav-item a  {  color: #1199ff;}</style>
</head>
<body>
    <!-- nav部分 -->
    <div class="nav index">
        <div class="layui-container">
            <!-- 公司logo -->
            <div class="nav-logo">
                <a href="index.html">
                    <img src="@host/static/img/logo.png" alt="横道图">
                </a>
            </div>
            <div class="nav-list">
                <button>
                    <span></span><span></span><span></span>
                </button>
                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item"><a href="@host/tasklist" target="_blank">立即使用</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- banner部分 -->
    <div>
        <div class="layui-carousel" id="banner">
            <div carousel-item>
                <div>
                    <img src="@host/static/img/banner.png">
                    <div class="panel">
                        <p class="title">横道图</p>
                        <p>横道图示例</p>
                    </div>
                </div>
                <div>
                    <img src="@host/static/img/banner1.png">
                    <div class="panel">
                        <p class="title">横道图</p>
                        <p>横道图示例2</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- main部分 -->
    <div class="main-product">
@*        <div class="layui-container">
            <p class="title">专为前端而研制的<span>核心产品</span></p>
            <div class="layui-row layui-col-space25">
                <div class="layui-col-sm6 layui-col-md3">
                    <div class="content">
                        <div><img src="@host/static/img/Big_icon1.png"></div>
                        <div>
                            <p class="label">JS基础库</p>
                            <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
                        </div>
                        <a href="javascript:;">&nbsp;</a>
                    </div>
                </div>
                <div class="layui-col-sm6 layui-col-md3 ">
                    <div class="content">
                        <div><img src="@host/static/img/Big_icon2.png"></div>
                        <div>
                            <p class="label">CSS处理</p>
                            <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
                        </div>
                        <a href="javascript:;">&nbsp;</a>
                    </div>
                </div>
                <div class="layui-col-sm6 layui-col-md3 ">
                    <div class="content">
                        <div><img src="@host/static/img/Big_icon3.png"></div>
                        <div>
                            <p class="label">兼容性</p>
                            <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
                        </div>
                        <a href="javascript:;">&nbsp;</a>
                    </div>
                </div>
                <div class="layui-col-sm6 layui-col-md3 ">
                    <div class="content">
                        <div><img src="@host/static/img/Big_icon4.png"></div>
                        <div>
                            <p class="label">响应式</p>
                            <p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
                        </div>
                        <a href="javascript:;">&nbsp;</a>
                    </div>
                </div>
            </div>
        </div>*@
    </div>
    <div class="main-service">
@*        <div class="layui-container">
            <p class="title">为客户打造完美的<span>专业服务</span></p>
            <div class="layui-row layui-col-space25 layui-col-space80">
                <div class="layui-col-sm6">
                    <div class="content">
                        <div class="content-left"><img src="@host/static/img/home_img1.jpg"></div>
                        <div class="content-right">
                            <p class="label">1 对 1 前端指导</p>
                            <span></span>
                            <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <div class="content">
                        <div class="content-left"><img src="@host/static/img/home_img2.jpg"></div>
                        <div class="content-right">
                            <p class="label">1 对 1 前端指导</p>
                            <span></span>
                            <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <div class="content">
                        <div class="content-left"><img src="@host/static/img/home_img3.jpg"></div>
                        <div class="content-right">
                            <p class="label">1 对 1 前端指导</p>
                            <span></span>
                            <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <div class="content">
                        <div class="content-left"><img src="@host/static/img/home_img4.jpg"></div>
                        <div class="content-right">
                            <p class="label">1 对 1 前端指导</p>
                            <span></span>
                            <p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="service-more">&nbsp;</div>*@
    </div>
    <!-- footer部分 -->
    <div class="footer">
        <div class="layui-container">

            <div class="layui-row footer-contact">
                <p class="contact-bottom">
                    <span class="right">
                        Copyright © 2018 <a href="@host">@host</a>
                        <a style="margin:  20px;" href="//beian.miit.gov.cn" target="_blank" rel="noopener">闽ICP备19001273号-1</a>
                        <a style="display: inline-block;" href="https://cloud.tencent.com/" target="_blank" rel="noopener">
                            本站CDN存储服务由
                            <img class="alignnone size-full wp-image-4564" style="position: relative; top: -2px; margin: 0 3px;" src="https://imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/portal/css/img/nav/logo-bg-color.svg" alt="" width="60">腾讯云提供
                        </a>
                    </span>
                </p>
            </div>
        </div>
    </div>
    <script src="@host/res/layui/layui.js"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script>
        layui.config({
          base: '@host/static/js/'
        }).use('firm');
    </script>
</body>
</html>